<template>
  <div class="tabs-container">
    <div class="tab-content">
      <h4 class="title-ele overhaul-tit">基本信息</h4>
      <el-row class="row">
        <el-col :span="12">
          <el-descriptions :border="false" title="小区名称">
            <el-descriptions-item>{{ elevator.communityName }}</el-descriptions-item>
          </el-descriptions>
        </el-col>

        <el-col :span="12">
          <el-descriptions :border="false" title="楼宇单元">
            <el-descriptions-item>{{ elevator.floorName }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
      </el-row>
      <el-row class="row">
        <el-col :span="12">
          <el-descriptions :border="false" title="电梯名称">
            <el-descriptions-item>{{ elevator.elevatorName }}</el-descriptions-item>
          </el-descriptions>

        </el-col>
        <el-col :span="12">
          <el-descriptions :border="false" title="经纬度">
            <el-descriptions-item>{{ elevator.longitude }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
      </el-row>
      <el-row class="row">
        <el-col :span="12">
          <el-descriptions :border="false" title="识别码">
            <el-descriptions-item>{{ elevator.identifyCode }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :span="12">
          <el-descriptions :border="false" title="注册码">
            <el-descriptions-item>{{ elevator.registeredCode }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
      </el-row>
      <el-row class="row">
        <el-col :span="12">
          <el-descriptions :border="false" title="使用地点">
            <el-descriptions-item>{{ elevator.usePlace }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :span="12">
          <el-descriptions :border="false" title="建筑类型">
            <el-descriptions-item>{{ elevator.builel }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
      </el-row>
      <el-col id="typeShow" :span="12">
        <el-descriptions title="电梯类型">
          <el-descriptions-item>{{ elevator.elevatorType }}</el-descriptions-item>
        </el-descriptions>
      </el-col>
    </div>
    <h4 class="title-ele overhaul-tit">出厂规格</h4>
    <div class="row overhaul">
      <el-row class="row">
        <el-col :span="12">
          <el-descriptions :border="false" title="品牌">
            <el-descriptions-item>
              <dict-tag :options="iot_elevator_brand" :value="elevator.elevatorBrand" />
            </el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :span="12">
          <el-descriptions :border="false" title="厂商">
            <el-descriptions-item>{{ elevator.vendor }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
      </el-row>
      <el-row class="row">
        <el-col :span="12">
          <el-descriptions :border="false" title="生产日期">
            <el-descriptions-item>{{ elevator.productionDate }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :span="12">
          <el-descriptions :border="false" title="使用类型">
            <el-descriptions-item>{{ elevator.useType }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
      </el-row>
      <el-row class="row">
        <el-col :span="12">
          <el-descriptions :border="false" title="额定载重(kg)">
            <el-descriptions-item>{{ elevator.rateel }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :span="12">
          <el-descriptions :border="false" title="缓冲器类型">
            <el-descriptions-item>{{ elevator.bumperType }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
      </el-row>
      <el-row class="row">
        <el-col :span="12">
          <el-descriptions :border="false" title="型号">
            <el-descriptions-item>{{ elevator.modelNumber }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :span="12">
          <el-descriptions :border="false" title="出厂编号">
            <el-descriptions-item>{{ elevator.factoryCode }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
      </el-row>
      <el-col :span="12" class="col-md-12 col-sm-12 information el-col-horizontal">
        <el-descriptions :border="false" title="额定速度(m/s)">
          <el-descriptions-item>{{ elevator.nominal }}</el-descriptions-item>
        </el-descriptions>
      </el-col>
    </div>
    <h4 class="title-ele overhaul-tit">安装信息</h4>
    <div class="row overhaul">
      <el-row class="row">
        <el-col :span="12">
          <el-descriptions :border="false" title="安装单位">
            <el-descriptions-item>{{ elevator.installUnit }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :span="12">
          <el-descriptions :border="false" title="安装日期">
            <el-descriptions-item>{{ elevator.installationDate }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
      </el-row>
      <el-row class="row">
        <el-col :span="12">
          <el-descriptions :border="false" title="安装日期">
            <el-descriptions-item>{{ elevator.promoteHeight }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :span="12">
          <el-descriptions :border="false" title="下次年检日期">
            <el-descriptions-item>{{ elevator.speedGovernor }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
      </el-row>
      <el-row class="row">
        <el-col :span="12">
          <el-descriptions :border="false" title="曳引机功率(KW)">
            <el-descriptions-item>{{ elevator.tractorPower }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :span="12">
          <el-descriptions :border="false" title="层数(层)">
            <el-descriptions-item>{{ elevator.layerNum }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
      </el-row>
      <el-row class="row">
        <el-col :span="12">
          <el-descriptions :border="false" title="停靠站数(站)">
            <el-descriptions-item>{{ elevator.standingNum }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :span="12">
          <el-descriptions :border="false" title="标准楼层高度(m)">
            <el-descriptions-item>{{ elevator.standardFloorHeight }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
      </el-row>
      <el-row class="row">
        <el-col :span="12">
          <el-descriptions :border="false" title="限速器下次年检日期">
            <el-descriptions-item>{{ elevator.speedGovernor }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :span="12">
          <el-descriptions :border="false" title="特种设备使用登记证编号">
            <el-descriptions-item>{{ elevator.specialEquipmentCode }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
      </el-row>
      <el-row class="row">
        <el-col :span="12">
          <el-descriptions :border="false" title="发证日期">
            <el-descriptions-item>{{ elevator.issueDate }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :span="12" class="col-md-12 col-sm-12 information el-col-horizontal min-ov">
          <el-descriptions :border="false" title="特种设备使用登记证">
            <el-descriptions-item>{{ elevator.specialEquipmentRegistration }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
      </el-row>
      <el-row class="row">
        <el-col :span="12" class="col-md-12 col-sm-12 information el-col-horizontal">
          <el-descriptions :border="false" title="电梯监督检验报告编号">
            <el-descriptions-item>{{ elevator.inspectionReportNum }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
        <el-col :span="12" class="col-md-12 col-sm-12 information el-col-horizontal min-ov">
          <el-descriptions :border="false" title="电梯监督检验报告">
            <el-descriptions-item>{{ elevator.inspectionReport }}</el-descriptions-item>
          </el-descriptions>
        </el-col>
      </el-row>
      <el-col :span="12" class="col-md-12 col-sm-12 information el-col-horizontal min-ov">
        <el-descriptions :border="false" title="特种设备使用标志">
          <el-descriptions-item>{{ elevator.specialEquipmentUseFlag }}</el-descriptions-item>
        </el-descriptions>
      </el-col>
    </div>
  </div>

</template>

<script lang="ts" setup>
let props = defineProps({
  elevator: {
    type: Object,
    required: true
  }
});
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const {
  iot_device_status,
  iot_elevator_brand
} = toRefs<any>(proxy?.useDict("iot_device_status", "iot_elevator_brand"));
</script>
